.login {
  width: 100%;
  height: 100vh;
  background-color: red;
  background-image: url('~assets/1.jpg');
  :global {
    .loginBox {
      width: 520px;
      height: 310px;
      background-color: #f5f5f5;
      position: absolute;
      top: 30%;
      left: 20%;
      transform: translate(-50% -50%);
      .loginContent {
        padding: 35px 35px 15px 35px;
        .loginTitle {
          width: 450px;
          height: 41px;
          display: flex;
          align-items: center;
          .loginLogo {
            display: inline-block;
            width: 35px;
            height: 26px;
            background-image: url('~assets/logo.png');
          }
          span {
            font-size: 22px;
            padding: 0 10px;
            color: #000;
          }
        }
        .loginForm {
          padding: 15px 0;
        }
      }
    }
  }
}
